.preference {
    width: 100%;
    height: 60vp;
    align-items: center;
    padding-left: 10vp;
    margin: 5vp 15vp;
    background-color: #FFFFFF;
    border-radius: 25vp;
}

.item {
    width: 100%;
    height: 45vp;
    flex-direction: column;
    align-items: center;
}

.head-image-pin {
    width: 45vp;
    height: 45vp;
    justify-content: center;
    margin-right: 10vp;
    align-items: center;
}

.preference-title {
    width: 60%;
    height: 100%;
    flex-direction: column;
    weights: 1;
    justify-content: center;
}

.preference-title-width100{
    width:100%;
    height: 100%;
    flex-direction: column;
    weights: 1;
    justify-content: center;
}

.title-style {
    font-family: Courier;
    font-size: 16vp;
    color: #333333;
}

.text-container-style-right {
    color: #666666;
    width: 40%;
    justify-content: flex-end;
    align-items: center;
}

.text-container-style-right-width0{
    width:0%;
}

.text-style-right {
    font-size: 13vp;
    color: #666666;
    padding-right: 10vp;
}

.head-image {
    width: 45vp;
    height: 45vp;
    justify-content: center;
    align-items: center;
}